<li class="list-group-item border-0 border-bottom d-flex align-items-center">
    <a href="{{route('users.show',$notification->data['user_id'])}}" class="flex-shrink-0">
        <img width="50" class="img-thumbnail"
             src="{{$notification->data['user_avatar']}}"
             alt="{{$notification->user_name}}">
    </a>
    <div class="flex-grow-1 px-3 ">
        <div class="mt-3">
            <span class="badge text-bg-{{$notification->read_at ? 'secondary' :'danger'}}">
                    {{$notification->read_at ? '已读' :'未读'}}
                </span>
            <a class="text-decoration-none text-primary" href="{{route('users.show',$notification->data['user_id'])}}">{{$notification->data['user_name']}}</a>
            <span class="text-secondary">回复了</span>
            <a class="text-decoration-none text-success" href="{{$notification->data['topic_link']}}">{{$notification->data['topic_title']}}

            </a>
        </div>
        <div class="text-muted">
            {!! $notification->data['reply_content'] !!}
        </div>
    </div>
    <small class="text-secondary" style="min-width:max-content;">
        <i class="fa-regular fa-clock"></i>
        {{$notification->created_at->diffForHumans()}}
    </small>
</li>
